<%@ page pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/includes/directives/page.jspf"%>
<%@ include file="/WEB-INF/views/includes/directives/taglib.jspf"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/WEB-INF/views/includes/include_js_css.jspf"%>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><fmt:message key="create_item_jsp.title" /></title>
</head>
<body>
	<div id="main_container">
		<%@ include file="/WEB-INF/views/includes/header.jspf"%>

		<div id="content">
			<form name="edit_create_item_form" method="post" action="main?command=create_item" onsubmit="return validateItemForm(this)">
				<div class="form_field">
					<div class="form_label">
						<fmt:message key="create_item_jsp.label.item_name" />
					</div>
					<div class="from_input">
						<input id="itemName" type="text" name="itemName" maxlength="40" value="">
					</div>
				</div>
				<div class="form_field">
					<div class="form_label">
						<fmt:message key="create_item_jsp.label.item_category" />
					</div>
					<div class="from_input">
						<select name="itemCategory">
							<c:forEach var="cat" items="${categoryContainer}">
								<option value="${cat.key}">${cat.value}</option>
							</c:forEach>
						</select>
					</div>
				</div>
				<div class="form_field">
					<div class="form_label">
						<fmt:message key="create_item_jsp.label.item_quantity" />
					</div>
					<div class="from_input">
						<input id="itemQuantity"  type="text" name="itemQuantity" value="">
					</div>
				</div>
				<div class="form_field">
					<div class="form_label">
						<fmt:message key="create_item_jsp.label.item_price" />
					</div>
					<div class="from_input">
						<input id="itemPrice" type="text" name="itemPrice" value="">
					</div>
				</div>
				<div class="form_field">
					<div class="form_label">
						<fmt:message key="create_item_jsp.label.item_description" />
					</div>
					<div class="from_input">
						<textarea id="itemDescription" name="itemDescription" rows="20" cols="70">
						</textarea>
					</div>
				</div>
				<div class="form_field">
					<div class="from_input">
						<input value='<fmt:message key="create_item_jsp.button.submit" />'
							type="submit">
					</div>
				</div>
			</form>
		</div>
		<div id="free_space"></div>
	</div>
	<%@ include file="/WEB-INF/views/includes/footer.jspf"%>
</body>
</html>